padding - left
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Частково |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS1,
CSS2.1 |
|
Значення за умовчанням |
0 |
|
Наслідує |
Ні |
|
Застосовується |
До
усіх елементів |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/box.html#propdef - padding - left |
Опис
Встановлює
значення поля від лівого краю утримуваного елементу. Полем називається відстань
від внутрішнього краю рамки елементу до уявного прямокутника, що обмежує його
вміст (мал. 1).
Мал. 1. Поле зліва від тексту
Синтаксис
padding
- left: значення | відсотки | inherit
Значення
Величину
лівого поля можна вказувати в пікселах (px), відсотках (%) або інших допустимих
для CSS одиницях. Значення inherit вказує, що воно наслідує у батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>padding - left</title> <style type="text/css"> .layer { background: #fc3; /* Колір фону */ border: 2px solid black; /* Параметрів рамки */ padding: 5px; /* Полів навколо тексту */ } .layer P { margin: 0; /* Прибираємо відступи навколо */ padding - left: 10%; /* Поле ліворуч */ } </style> </head> <body> <div class="layer"> <p>Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів. </p> </div> </body></html>
Результат
цього прикладу показаний ні мал. 2.
Мал. 1. Застосування властивості padding - left
Об'єктна модель
[window.]document.getElementById("elementID").style.paddingLeft
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
